<template>
    <!-- 弹框-->
    <a-modal
      :title="$t('all.autotext730')"
      :visible="visible"
      @cancel="clickCancel()"
      :footer="null"
      width="800px"
    >
    <div class="warn">
        <a-icon class="warn-icon" type="exclamation-circle" theme="filled"/>
        {{  $t('该合同号已关联以下项目，需通知相关管理人员关闭项目后既可关闭！')}}
      </div>
      <a-table
        :data-source="dataList"
      >
        <a-table-column
          :title="$t('all.autotext211')"
          key="name"
          data-index="name"
          width="120px"
        >
          <template slot-scope="text">{{ text }}</template>
        </a-table-column>
        <a-table-column :title="$t('all.autotext992')" key="no" data-index="no">
          <template slot-scope="text">{{ text }}</template>
        </a-table-column>
        <a-table-column :title="$t('状态')" key="status" data-index="status">
            <template slot-scope="text">
              <a-tag v-if="text == 1" color="blue">{{ $t('all.autotext392') }}</a-tag>
              <a-tag v-if="text == 2" color="green">{{ $t('all.autotext1075') }}</a-tag>
              <a-tag v-if="text == 3">{{ $t('all.autotext1410') }}</a-tag>
            </template>
          </a-table-column>
          <a-table-column :title="$t('all.autotext1253')" key="pmAccount" data-index="pmAccount">
            <template slot-scope="text">{{ text }}</template>
          </a-table-column>
          <a-table-column :title="$t('all.autotext480')" key="businessAccount" data-index="businessAccount">
            <template slot-scope="text">{{ text }}</template>
          </a-table-column>
      </a-table>
    </a-modal>
  </template>
  <script>

  export default {
    
    props: {
      visible: {
        default: false,
        type: Boolean
      },
      dataList: {
        type: Array
      },
      auditStatus: {
        type: Object,
        default () {
          return {}
        }
      }
    },
    data () {
      return {
        list: []
      }
    },
    methods: {
     
      clickCancel () {
        this.$emit('handleClose')
      }
    }
  }
  </script>
  
  <style lang="less" scoped>
  .warn {
    margin-bottom: 20px;
    font-size: 16px;
    .warn-icon {
      color: #F79925;
      font-size: 18px;
      margin-right: 6px;
    }
  }
  </style>
